body {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;

}
li{list-style: none;margin: 0;padding: 0}




/*引入图标*/
@font-face {
    font-family:'tubiao' ;
    src:url('../font/MiFie-Web-Font.eot') format('embedded-opentype'),
    url('../font/MiFie-Web-Font.svg') format('svg'),
    url('../font/MiFie-Web-Font.ttf') format('truetype'),
    url('../font/MiFie-Web-Font.woff') format('woff');
}
[class^="icon-"],[class*=" incon-"]{
    font-family: 'tubiao';
    font-style: normal;
}

.hwrapper{width:100%;height:40px;background: #f2f2f2;}
.center{  width:1210px;  height: 40px;margin: 0 auto;overflow: hidden}
.center .left{  float: left;  width: 30%;  height: 30px;  }
.center .left span:nth-of-type(1){  padding-right: 10px;  border-right:1px solid #ccc  }
.center .left a{color: #000;text-decoration: none}
.center .right{  float: right;  width: 48%;  height: 30px;  }
.center .right dl{float: left;height:30px}
.center .right dl dt{margin-right: 19px;position: relative}
.center .right dl ul{margin:0;padding:0;width:124px;border:1px solid #ccc;border-top:none;background:#fff;padding-top: 8px;text-align:center;position: absolute;right:367px;top:120px;}
.center .right dl dt i{border-left:1px solid #ccc;margin-left: 20px}
.center .right dl a{color:#000;font-weight: normal;text-decoration: none}
.center .right dl:hover a{color: red}
.center .right dl:nth-of-type(3):hover dt dd{display: block;}

/*mid*/
.mwrapper{width:100%;height:110px}
.mid{  width: 1210px;height:110px;margin: 0 auto;overflow: hidden}
.mid .log{width:350px;float: left}
.mid .ad{padding-top: 10px;padding-right:40px;float: left}
.mid .search{padding-top: 35px;height:110px;width: 300px;  float: left;}
.mid .search ul{margin-left: -40px;margin-top: 5px}
.mid .search ul li{float: left;margin-right: 15px}
.mid .search ul li a{color: #000;text-decoration: none}
.mid .search ul li:hover a{color: red}
.mid .cart {width:300px;height:40px;float: left;margin-left: 64px;margin-top: 35px;line-height: 35px}
.mid .cart .images{float: left}
.mid .cart .carts{width:80px;float:left;margin-left: 15px}
.mid .cart .carts dl{ width: 290px;}
.mid .cart .carts dt {width:100px;height:35px;line-height:26px;border: 1px solid #ccc;position: relative;background: url(../img/share.png) no-repeat -376px -405px}
.mid .cart .carts dt img{position: absolute;left: 10px;top: 2px;}
.mid .cart .carts dt span{position: absolute;left: 42px;top: 2px; }
.mid .cart .carts dt span i{color:red;font-style: normal}
.mid .cart .carts dl{position: relative}
.mid .cart .carts dl dd{display:none;position:absolute;left:-130px;top:34px;width: 230px;text-align:center;border: 1px solid #ccc;background:#fff;padding: 20px 10px 20px 10px;}
.mid .cart .carts dl dd ul {margin: 0px;padding: 0}
.mid .cart .carts dl:hover dd{display: block;}
/*nav*/
.nwrapper{width:100%;height:40px;background:#000;text-align: center}
.nav{width:1210px;margin: 0 auto;overflow: hidden}
.nav ul .current{background:#cf0101}
.nav ul li{float:left;width:90px;height:40px;line-height: 42px}
.nav ul li a{color: #c8a985;text-decoration: none;font-size: 14px}
.nav ul li:hover a{color: #fff}
.nav ul li .pp{margin-left: -40px;background: #fff;}
.nav ul li .pp ul li{background: #999;opacity: 0.5;height: 25px;line-height: 25px}
.nav .pp ul li:nth-of-type(1){padding-top: 5px}
.nav ul li:hover .pp{display:block;}
/*banner*/
.banner .item{width:100%;height:500px}
.banner .item:nth-child(1){
    background: url("../img/banner-1.jpg") no-repeat center;
    background-size: contain;
}
.banner .item:nth-child(2){
    background: url("../img/banner-2.jpg") no-repeat center;
    background-size: contain;
}
.banner .item:nth-child(3){
    background: url("../img/banner-3.jpg") no-repeat center;
    background-size: contain;
}
.banner .item:nth-child(4){
    background: url("../img/banner-4.jpg") no-repeat center;
    background-size: contain;
}
.banner .item:nth-child(5){
    background: url("../img/banner-5.jpg") no-repeat center;
    background-size: contain;
}
.banner .item:nth-child(6){
    background: url("../img/banner-6.jpg") no-repeat center;
    background-size: contain;
}
.banner .item:nth-child(7){
    background: url("../img/banner-7.jpg") no-repeat center;
    background-size: contain;
}

/*main*/
.mainwrap{width: 100%;height:2750px;margin-top: 30px;border-bottom:1px solid #ccc}
.main {width:1210px;height:3000px;margin: 0 auto}
/*one*/
.main .titleF{padding-top: 10px;margin-bottom: 20px}
.main ul{overflow: hidden;margin: 0;padding: 0}
.main ul li{float: left;position: relative;margin: 3px}
.main ul li .ship{position: absolute;bottom:1px;left:33px;width:174px;height:154px;overflow: hidden;z-index: 1}
.main ul li .hider{width:174px;height:154px;text-align:center;transition: 0.5s;position: absolute;top:100px;background: #fff}
.main ul li .hider img{width: 60px;margin: 0 auto;margin-top: 10px;}
.main ul li p{margin-left: 10px;color: #000}
.main ul li span{display: inline-block;width: 20px;height: 2px;background: #000;margin-left: -10px}
.main ul li .ship:hover .hider{top:0;transition: 0.5s}
/*two*/
.main .titleS img{float: left}
.main .rig{float: right}
.main .rig a span{margin-right: 15px;margin-top: 20px}
.main .rig a:nth-of-type(1) span{background: url(../img/share02.png)no-repeat -160px -384px;display:inline-block;width: 8px;height: 15px;}
.main .rig a:nth-of-type(2) span{background: url(../img/share02.png)no-repeat -180px -384px;display:inline-block;width: 8px;height: 15px;}
.main .centerT{width:1210px;height:180px;overflow: hidden}
.main .centerT .hotflag{width:1210px;height:180px;margin: 0;padding: 0}
.main .centerT ul li{position:relative;margin: 0;padding: 0;margin-bottom:10px;overflow:hidden;width:167px;height:85px;padding:14px 29px;border: 1px solid #dfdfdf;margin-right: 5px}
.main .centerT .show img{position:absolute;display: block;width:107px;height:55px;}
.main .centerT .hideO {width:107px;height:55px;position:absolute;text-align: center;padding-top:10px;font-size: 16px;opacity: 0}
.main .centerT .hideO a{text-decoration: none}
.main .centerT .hideO a:hover p{color:sandybrown}
.main .centerT .hideO p{margin-bottom: 3px}
.main .centerT .hideO span{margin-bottom: 30px;margin-left: 10px;height:2px}
.main .centerT .topline{transition: 0.3s;width:0;height:1px;background: #000;position: absolute;left:0;top:-1px;}
.main .centerT .rightline{transition: 0.3s;width:1px;height:0px;background: #000;position: absolute;right:-1px;bottom:0px;}
.main .centerT .bottomline{transition: 0.3s;width:0;height:1px;background: #000;position: absolute;right:0;bottom:-1px;}
.main .centerT .leftline{transition: 0.3s;width:1px;height:0px;background: #000;position: absolute;left:-1px;bottom:0px;}
.main .centerT ul li:hover .show{opacity: 0}
.main .centerT ul li:hover .hideO{opacity: 1}
.main .centerT ul li:hover .topline{width:167px;height:2px;transition: 0.3s}
.main .centerT ul li:hover .rightline{height:85px;width:2px;transition: 0.3s}
.main .centerT ul li:hover .bottomline{width:167px;height:2px;transition: 0.3s}
.main .centerT ul li:hover .leftline{height:85px;width:2px;transition: 0.3s}
/*third*/
.main .centerSec ul{width:1210px;margin: 0 auto}
.main .centerSec ul li{margin-right: 5px;position: relative}
.main .centerSec ul li:nth-of-type(4){margin-right: 0}
.main .centerSec ul li i{position: absolute;left: -402px;top: 0;width: 313px;height: 393px;transform: skewx(-25deg);
    background:red;}
.main .centerSec ul li:hover i{right:0;bottom:0;transition: 1.5s}
/*four*/
.main .link{width:1210px;height:25px;margin-bottom: 10px;}
.main .link ul li{width:32.6%;height:25px;line-height:25px;text-align: center;background: #999;color:#fff}
.main .link ul  .active{background:#666}
.main .centerTh{width: 1210px;height:517px;overflow: hidden}
.main .centerTh ul{width:9999px;height:517px;}
.main .centerTh ul .mains{width:1210px;height:517px;display: none}
.main .centerTh ul .current{display: block}
.main .goodsLeft{width:366px;height:515px;float: left;}
.main .goodsRight{width:833px;height:515px;float: right}
.main .goodsTop{width:833px;height:250px;margin-bottom: 5px;text-align: center}
.main .goodsBottom{width:833px;height:260px;}
.main .goodsBottom ul{width: 830px;height: 260px;margin-left: -3px;}
.main .top1{position:relative;width:224px;height:251px;float: left;overflow: hidden;border: 1px solid #ccc;margin-right: 5px}
.main .top1 .text1{width:200px;position: absolute;left:5px;top:0;transition: 0.3s}
.main .top2{position:relative;width:360px;height:251px;float: left;overflow: hidden;text-align: left;margin-right: 5px;border: 1px solid #ccc;}
.main .top1 .is1{width:210px;height:200px;}
.main .top1 .is1 a img{display:block;width:150px;height:226px;position:absolute;left: 35px;top:60px;transition: 0.3s}
.main .top2 .text2{width:150px;position: absolute;left:45px;transition: 0.3s}
.main .top2 .is2{width:180px;height:300px}
.main .top2 .is2 a img{display:block;width:180px;height:255px;position:absolute;left: 135px;top:60px;transition: 0.3s}
.main .goodsBottom ul li{width:270px;height:255px;border: 1px solid #ccc;position: relative;overflow: hidden}
.main .goodsBottom .txt{width:200px;text-align: center;position: absolute;left:20px;transition: 0.3s}
.main .goodsBottom ul li:nth-of-type(1) img{transition: 0.3s;width:150px;height:226px;position: absolute;left: 60px;top:80px}
.main .goodsBottom ul li:nth-of-type(2) img{transition: 0.3s;width:130px;height:150px;position: absolute;left: 65px;top:80px}
.main .goodsBottom ul li:nth-of-type(3) img{transition: 0.3s;width:130px;height:150px;position: absolute;left: 65px;top:80px}
/*hover效果*/
.main .top1:hover .text1{left:-10px;transition: 0.3s}
.main .top1:hover .is1 a img{left:50px;transition: 0.3s}
.main .top2:hover .text2{left:25px;transition: 0.3s}
.main .top2:hover .is2 a img{left:150px;transition: 0.3s}
.main .goodsBottom ul li:hover .txt{left:0px;transition: 0.3s}
.main .goodsBottom ul li:hover img{left:90px;transition: 0.3s}



.main .imgsleft{width:400px;height:520px;float: left;position: relative}
.main .imgscenter{width:400px;height:520px;float: left;}
.main .imgscenter .igcenter ul{width:400px;}
.main .imgscenter .igcenter ul li{width:400px;height:256px;position: relative}
.main .imgsright{width:395px;height:520px;float: left;}
.main .imgsright .igright ul{width:395px;}
.main .imgsright .igright ul li{width:395px;height:256px;position: relative}
.main .imgsleft .op1{position: absolute;left:0;top:0;background: url(../img/opacity1.png);opacity:0;transform: scale(0,1);transition: 0.3s;width:398px;height:520px;}
.main .imgsleft .op1 ul{width:262px;height:145px;margin: 190px auto;border: 1px solid #fff; padding-top: 10px}
.main .imgsleft .op1 ul li{width: 262px;height:20px;line-height: 20px;color:#fff;text-align: center}
.main .imgsleft .op1 ul li:nth-of-type(3) b{display: inline-block;width:20px;height:2px;background: #fff}
.main .imgsleft .op1 ul li p{color:#fff}
.main .imgsleft:hover .op1{opacity: 1;transition: 0.3s;transform: scale(1);}
.main .imgscenter .op2 ul{width:262px;height:145px;margin: 55px auto;border: 1px solid #fff; padding-top: 10px}
.main .imgscenter .op2 ul li{width: 262px;height:20px;line-height: 20px;color:#fff;text-align: center}
.main .imgscenter .op2 ul li:nth-of-type(3) b{display: inline-block;width:20px;height:2px;background: #fff}
.main .imgscenter .op2 ul li p{color:#fff}
.main .imgscenter .op2{position: absolute;left:0;top:0;background: url(../img/opacity1.png);opacity:0;
    transform: scale(0,1);transition: 0.3s;width:400px;height:256px;}
.main .imgscenter ul li:hover .op2{opacity: 1;transition: 0.3s;transform: scale(1);}

.imgsright .op2 ul{height:145px;margin: 55px auto;border: 1px solid #fff; padding-top: 10px}
.main .imgsright .op2 ul li{width: 262px;height:20px;line-height: 20px;color:#fff;text-align: center}
.main .imgsright .op2 ul li:nth-of-type(3) b{display: inline-block;width:20px;height:2px;background: #fff}
.main .imgsright .op2 ul li p{color:#fff}
.main .imgsright .op2{position: absolute;left:0;top:0;background: url(../img/opacity1.png);opacity:0;
    transform: scale(0,1);transition: 0.3s;width:395px;height:256px;}
.main .imgsright ul li:hover .op2{opacity: 1;transition: 0.3s;transform: scale(1);}
/*five*/
.main centerfive{width:1210px;height:756px;margin: 0 auto}
.main .topfive{width:1210px;height:295px;margin-bottom:5px}
.main .middlefive{width:1210px;height:295px;margin-bottom:5px}
.main .bottomfive{width：1210px;height:149px}
.main .topfive .first{width:610px;height:295px;float: left}
.main .topfive .second{width:305px;height:295px;float: left}
.main .topfive .third{width:293px;height:295px;float: left}
.main .middlefive .first{width:305px;height:295px;float: left}
.main .middlefive .second{width:305px;height:295px;float: left}
.main .middlefive .third{width:598px;height:295px;float: left}
.main .bottomfive .left{width:610px;height:149px;float: left}
.main .bottomfive .left .propic{position:relative;width:197px;height:65px;float:left;margin-bottom:5px;margin-right: 5px }
.main .bottomfive .right{width:600px;height:149px;float: right}
/*.main .bottomfive .left .topline1{transition: 0.3s;position:absolute;left:0;top:-1px;width:0px;height:2px;background:#000;}*/
/*.main .bottomfive .left .rightline1{transition: 0.3s;position:absolute;right:-1px;bottom:0;width:2px;height:0px;background:#000;}*/
/*.main .bottomfive .left .bottomline1{transition: 0.3s;position:absolute;right:0;bottom:-1px;width:0px;height:2px;background:#000;}*/
/*.main .bottomfive .left .leftline1{transition: 0.3s;position:absolute;left:-1px;bottom:0px;width:2px;height:0px;background:#000;}*/

/*.main .bottomfive .left .propic:hover .topline1{transition: 0.3s;width:197px;height:2px;}*/
/*.main .bottomfive .left .propic:hover  .rightline1{transition: 0.3s;width:2px;height:65px;}*/
/*.main .bottomfive .left .propic:hover  .bottomline1{transition: 0.3s;width:197px;height:2px;}*/
/*.main .bottomfive .left .propic:hover  .leftline1{transition: 0.3s;width:2px;height:65px;}*/



